<template>
  <div id="app">
    <div id="nav">
      <!-- <router-link to="/">Home</router-link> |
      <router-link to="/about">About</router-link> -->

      <!-- 选项卡 
      tab：label导航内容
           index=''  当前导航栏标识
      tabs：currentIndex=''  选中的第几个导航栏
            @changeTab='changeTab'   接收点击的li标识index
      -->
      <!-- <tabs :currentIndex="currentIndex" @changeTab="changeTab">
        <tab label="首页" index="a">
          <p>首页111</p>
        </tab>
        <tab label="新闻" index="b">
          <p>新闻222</p>
        </tab>
      </tabs> -->
    </div>
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      currentIndex: "a",
    };
  },
  methods: {
    changeTab(val) {
      console.log("----", val);
      this.currentIndex = val;
    },
  },
};
</script>

<style lang="less">
@import url("./assets/css/common.css");
// @import url("./assets/icon/iconfont.css");
@font-face {
  font-family: "iconfont";
  src: url("./assets/icon/iconfont.ttf?t=1645845949237") format("truetype");
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#app {
  // margin: auto;
  position: absolute;
  // top: 0;
  // bottom: 0;
  left: 0;
  right: 0;
}
</style>
